/** Add css rules here for your application. */

/** Example rules used by the template application (remove for your app) */
h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
}

.sendButton {
    display: block;
    font-size: 16pt;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.kapua-info-text {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11px;
}

.leftAlignButton button {
    text-align: left;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
    width: 400px;
}

.dialogVPanel {
    margin: 5px;
}

.kapua-popupPanel {
    border: 3px solid #F0F0F0;
    padding: 3px;
    background: #F0F0F0;
    z-index: 10000;
}

.kapua-PopupPanelGlass {
    background-color: rgb(0, 0, 0);
    opacity: 0.3;
    z-index: 9999;
}

.serverResponseLabelError {
    color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
    margin: 15px 6px 6px;
}

.x-form-field, .x-form-item, .x-form-label, .x-form-group-label, .x-form-cb-label, .x-panel-body, .x-tree3-node-text, div.kapua-paging-text, input.kapua-paging-text {
    font-size: 11px;
    font-family: tahoma, arial, helvetica, sans-serif;
}

.x-tab-strip-wrap {
    background-color: #F0F0F0;
}

div#ruleForm div.x-tab-panel-body {
    background: none repeat scroll 0 0 #E8E8E8;
}

.x-btn-arrow-custom em {
    background-image: url("../img/button/arrow_down.png") !important;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
}

.x-tree3-node-icon {
    margin-top: 3px;
}

.x-hsplitbar {
    background: url("../img/misc/horizontal_splitter.png") no-repeat scroll center rgba(0, 0, 0, 0);
    cursor: row-resize;
    font-size: 1px;
    line-height: 1px;
    position: absolute;
    z-index: 3;
    height: 10px !important
}

.x-vsplitbar {
    background: url("../img/misc/vertical_splitter.png") no-repeat scroll center rgba(0, 0, 0, 0);
    cursor: col-resize;
    position: absolute;
    z-index: 3;
    width: 10px !important
}

iframe.gwt-Frame {
    border: none;
}

body, table, td, select, label {
    font-size: 11px;
    font-family: tahoma, arial, helvetica, sans-serif;
}

table#execute-button > tbody > tr > td > em > button {
    width: 32px;
    margin-left: 4px;
    left: 4px;
}

div#execute-output {
    width: 98%;
    margin-left: 5px;
}

fieldset#configuration-form > div.x-form-label-left > div.x-component {
    padding-bottom: 10px;
    padding-right: 25px;
}

div#DeviceTabsContainer div.x-tab-panel-body {
    border-width: 0;
}

div.x-tab-panel-footer-plain div.x-tab-strip-spacer {
    background-color: #F0F0F0; /* #DEECFD; */
    border-color: #D0D0D0; /* #8DB2E3; */
}

div.login {
    background-color: white;
    background-image: url(../img/login-background.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

div.login-ie8 {
    background-color: white;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login-background.jpeg', sizingMethod='scale'); /* IE8 Hack */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login-background.jpeg',sizingMethod='scale')"; /* IE8 Hack */
}

div.loginHeader {
    background-color: rgba(255, 255, 255, 0.5);
}

div.loginHeader-ie8 {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EEFFFFFF', EndColorStr='#EEFFFFFF');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEFFFFFF, endColorstr=#EEFFFFFF)";
}

div.loginFooter {
    background-color: rgba(255, 255, 255, 0.5);
}

div.loginFooter-ie8 {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EEFFFFFF', EndColorStr='#EEFFFFFF');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EEFFFFFF, endColorstr=#EEFFFFFF)";
}

div.kapuaLogo {
    width: 248px;
    height: 48px;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    vertical-align: baseline;
    background-image: url(../img/logo-color.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

div.kapuaLogo-ie8 {
    width: 248px;
    height: 48px;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    vertical-align: baseline;
    background-repeat: no-repeat;
    background-size: contain;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-color.svg', sizingMethod='scale'); /* IE8 Hack */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-color.svg',sizingMethod='scale')"; /* IE8 Hack */
}

div.headerLogo {
    width: 500px;
    height: 30px;
    vertical-align: baseline;
    background-image: url(../img/logo-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

div.headerLogo-ie8 {
    width: 500px;
    height: 30px;
    vertical-align: baseline;
    background-repeat: no-repeat;
    background-size: contain;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-white.svg', sizingMethod='scale'); /* IE8 Hack */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/logo-white.svg',sizingMethod='scale')"; /* IE8 Hack */
}

div#header-panel {
    background-color: rgb(6, 39, 68);
    padding: 3px 5px 3px 5px;
}

table#header-button td, table#header-button button {
    background-image: none !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.x-menu-item-icon.fa {
    font-size: 14px;
    left: 1px;
    top: 4px;
}

/** Removal of mozilla borders around button text. */
button::-moz-focus-inner, button::-moz-focus-outer, button:-moz-focusring, button:focus
{
    border: none;
}

/** Added to sync behaviour of webkit and gecko based browsers for buttons. */
.x-btn-focus .x-btn-tl{
    background-position: -6px 0;
}

.x-btn-focus .x-btn-tr{
    background-position: -9px 0;
}

.x-btn-focus .x-btn-tc{
    background-position: 0 -9px;
}

.x-btn-focus .x-btn-ml{
    background-position: -6px -24px;
}

.x-btn-focus .x-btn-mr{
    background-position: -9px -24px;
}

.x-btn-focus .x-btn-mc{
    background-position: 0 -2168px;
}

.x-btn-focus .x-btn-bl{
    background-position: -6px -3px;
}

.x-btn-focus .x-btn-br{
    background-position: -9px -3px;
}

.x-btn-focus .x-btn-bc{
    background-position: 0 -18px;
}

.x-window-dlg .ext-mb-text, .x-window-dlg .x-window-header-text {
	display: block; 
	overflow: hidden;
}

.x-form-cb-label, .x-form-item-label, .x-form-check-wrap {
	pointer-events: none;
}

.x-form-radio, .x-form-checkbox {
	pointer-events: all;
}

.custom-x-grid3-row {
	height: auto !important;
}
